<!DOCTYPE html>
<html>

	<head>
	    <meta charset="utf-8">
	    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
	    <title>main</title>
	    <link rel="stylesheet" href="css/mui.css" />
	    <link rel="stylesheet" href="css/main.css" />
	    <link rel="stylesheet" href="css/header.css" />
	    <link rel="stylesheet" href="css/index.css" />
	    <link rel="stylesheet" href="css/articles.css" />
	    <link rel="stylesheet" href="css/user.css" />
	    <link rel="stylesheet" href="css/praise.css" />
	    <script src="js/pxtorem.js"></script>
	    <!--对下拉加载的样式进行设置-->
	    <style>
	    	.mui-pull-bottom-tips{
	    		display: none;
	    	}
	    </style>
	</head>

	<body>
	    <!--header开始-->
	    <header>
	      <div class="searchBox">
	      	<div class="searchimg">
	      		<img src="img/icon_search@2x.png" alt="" />
	      	</div>
	        <input type="text" id="search" placeholder="大家都在搜:凹凸世界"></div>
	      </div>
	      <div class="setting">
	      	<div><img src="img/icon_setting@2x.png" alt="" /></div>
	      	<p style="font-size: 0.18rem; color: #FFFEFE;">设置</p>
	      </div>
	    </header>
	    <!--header结束-->
		<div class="mui-content">
			<div id="slider" class="mui-slider ">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					 <div class="mui-scroll" style="background-color:#fff">
					            <a class="mui-control-item mui-active" href="#item1mobile">
					                全部
					            </a>
					            <a class="mui-control-item" href="#item2mobile">
					             推荐
					            </a>
					             <a class="mui-control-item" href="#item3mobile">
					           单图
					            </a>
					            <a class="mui-control-item" href="#item4mobile">
					               图集
					            </a>
					            <a class="mui-control-item" href="#item5mobile">
					              文章
					            </a>
					            <a class="mui-control-item" href="#item6mobile">
					             礼赞
					            </a>
					            <a class="mui-control-item" href="#item7mobile">
					             用户
					            </a>
				    </div>
				</div>
				<div class="mui-slider-group">
					<!--首页-->
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active" >
						<div id="scroll1" class="mui-scroll-wrapper" >
							<div class="mui-scroll" >
								<!--首页呈现开始-->
									<div style="width:100%;height:auto;padding-top:0.8rem;">							   
								    <!--banner开始-->
								     <div id="banner" class="mui-slider" >
								       <div class="mui-slider-group mui-slider-loop">
								         <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
								         <div class="mui-slider-item mui-slider-item-duplicate">
								           <a href="#">
								             <img src="img/20171220155203.png">
								           </a>
								         </div>
								         <!-- 第一张 -->
								         <div class="mui-slider-item">
								           <a href="#">
								             <img src="img/banner.png">
								           </a>
								         </div>
								         <!-- 第二张 -->
								         <div class="mui-slider-item">
								           <a href="#">
								             <img src="img/detailheaderlogo.png">
								           </a>
								         </div>
								         <!-- 第三张 -->
								         <div class="mui-slider-item">
								           <a href="#">
								             <img src="img/filter1.jpg">
								           </a>
								         </div>
								         <!-- 第四张 -->
								         <div class="mui-slider-item">
								           <a href="#">
								             <img src="img/icon_img_succeed@2x.png">
								           </a>
								         </div>
								         <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
								         <div class="mui-slider-item mui-slider-item-duplicate">
								           <a href="#">
								             <img src="img/banner.png">
								           </a>
								         </div>
								       </div>
								       <div class="mui-slider-indicator">
								         <div class="mui-indicator mui-active"></div>
								         <div class="mui-indicator"></div>
								         <div class="mui-indicator"></div>
								         <div class="mui-indicator"></div>
								       </div>
								     </div>
								   
								    <!--banner结束-->
								    <!--公告开始-->
								    <section class="notice" style="background: #fff;">
								    	<main>
								    		<div class="left">
								    			<span>公告</span>
								    		</div>
								    		<div class="right">
								    			<p>TGC Cosplay摘星计划</p>
								    			<p>史上最壕！13万元总奖金！腾讯游戏相关cos都能投稿哦~</p>
								    		</div>
								    	</main>
								    </section>
								    <!--公告结束-->
								    <!--标签分类开始-->
								    <section class="classify" style="background: #fff;">
								    	<main>
								    		<div class="top">
								    			<p></p>
								    			<p>热门标签</p>
								    		</div>
								    		<ul class="bottom">
								    			<li><a href="">插画</a></li>
								    			<li><a href="">动漫</a></li>
								    			<li><a href="">涂鸦</a></li>
								    			<li><a href="">商业插画</a></li>
								    			<li><a href="">游戏原画</a></li>
								    		</ul>
								    	</main>
								    </section>
								    <!--标签分类结束-->
								    <!--内容页开始-->
								    <section class="contentBox">
	                                    <div class="content">
	    	<main>
	    		<div class="lists">	
	    			<div class="clist-title">
	    				<ul class="clist-title-left">
		    				<li>
		    					<a href="" class="authorList" >
		    						<img src="img/banner.png" alt="" />
		    					</a>	
		    				</li>
		    				<li>芝士</li>
		    				<li>单图</li>
	    				</ul>
	    				<li>一分钟前</li>
	    			</div>
	    		   <!--主题图片-->
	    		   <a href="javascript:void(0)" class="clist-imgBox" style="display: block;">
	    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
	    		   </a>
	    		   <div class="imgtitle">酉游记—最终版</div>
	    		   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
	    		   	<li>
	    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   </ul>
	    		</div>
	    	</main>
	    </div>
	                                    <div class="content">
									    	<main>
									    		<div class="lists">	
									    			<div class="clist-title">
									    				<ul class="clist-title-left">
										    				<li>
										    					<a href="" class="authorList" >
										    						<img src="img/banner.png" alt="" />
										    					</a>	
										    				</li>
										    				<li>芝士</li>
										    				<li>单图</li>
									    				</ul>
									    				<li>一分钟前</li>
									    			</div>
									    		   <!--主题图片-->
									    		   <a href="javascript:void(0)" class="clist-imgBox" style="display: block;">
									    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
									    		   </a>
									    		   <div class="imgtitle">酉游记—最终版</div>
									    		   <!--底部分享等列表-->
									    		   <ul class="clist-operation">
									    		   	<li>
									    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   </ul>
									    		</div>
									    	</main>
									    </div>
                                   </section>
								</div>
								<!--首页呈现结束-->
							</div>
						</div>
					</div>
					<!--推荐-->
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<!--推荐开始-->
								<section class="contentBox" style="padding-top:0.8rem;">
	                                    <div class="content">
	    	<main>
	    		<div class="lists">	
	    			<div class="clist-title">
	    				<ul class="clist-title-left">
		    				<li>
		    					<a href="" class="authorList" >
		    						<img src="img/banner.png" alt="" />
		    					</a>	
		    				</li>
		    				<li>芝士</li>
		    				<li>单图</li>
	    				</ul>
	    				<li>一分钟前</li>
	    			</div>
	    		   <!--主题图片-->
	    		   <a href="javascript:void(0)" class="clist-imgBox" style="display: block;">
	    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
	    		   </a>
	    		   <div class="imgtitle">酉游记—最终版</div>
	    		   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
	    		   	<li>
	    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   </ul>
	    		</div>
	    	</main>
	    </div>
	                                    <div class="content">
									    	<main>
									    		<div class="lists">	
									    			<div class="clist-title">
									    				<ul class="clist-title-left">
										    				<li>
										    					<a href="" class="authorList" >
										    						<img src="img/banner.png" alt="" />
										    					</a>	
										    				</li>
										    				<li>芝士</li>
										    				<li>单图</li>
									    				</ul>
									    				<li>一分钟前</li>
									    			</div>
									    		   <!--主题图片-->
									    		   <a href="javascript:void(0)" class="clist-imgBox" style="display: block;">
									    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
									    		   </a>
									    		   <div class="imgtitle">酉游记—最终版</div>
									    		   <!--底部分享等列表-->
									    		   <ul class="clist-operation">
									    		   	<li>
									    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   </ul>
									    		</div>
									    	</main>
									    </div>
                                 </section>
								<!--推荐结束-->
							</div>
						</div>

					</div>
					<!--单图-->
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<!--单图开始-->
								<section class="contentBox" style="padding-top:0.8rem;">
	                                    <div class="content">
	    	<main>
	    		<div class="lists">	
	    			<div class="clist-title">
	    				<ul class="clist-title-left">
		    				<li>
		    					<a href="" class="authorList" >
		    						<img src="img/banner.png" alt="" />
		    					</a>	
		    				</li>
		    				<li>芝士</li>
		    				<li>单图</li>
	    				</ul>
	    				<li>一分钟前</li>
	    			</div>
	    		   <!--主题图片-->
	    		   <a href="javascript:void(0)" class="clist-imgBox" style="display: block;">
	    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
	    		   </a>
	    		   <div class="imgtitle">酉游记—最终版</div>
	    		   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
	    		   	<li>
	    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   </ul>
	    		</div>
	    	</main>
	    </div>
	                                    <div class="content">
									    	<main>
									    		<div class="lists">	
									    			<div class="clist-title">
									    				<ul class="clist-title-left">
										    				<li>
										    					<a href="" class="authorList" >
										    						<img src="img/banner.png" alt="" />
										    					</a>	
										    				</li>
										    				<li>芝士</li>
										    				<li>单图</li>
									    				</ul>
									    				<li>一分钟前</li>
									    			</div>
									    		   <!--主题图片-->
									    		   <a href="javascript:void(0)" class="clist-imgBox" style="display: block;">
									    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
									    		   </a>
									    		   <div class="imgtitle">酉游记—最终版</div>
									    		   <!--底部分享等列表-->
									    		   <ul class="clist-operation">
									    		   	<li>
									    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   </ul>
									    		</div>
									    	</main>
									    </div>
                                   </section>
								<!--单图结束-->
							</div>
						</div>

					</div>
					<!--图集-->
					<div id="item4mobile" class="mui-slider-item mui-control-content">
						<div id="scroll4" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<!--图集开始-->
								<section class="contentBox" style="padding-top:0.8rem;">
	                                    <div class="content">
	    	<main>
	    		<div class="lists">	
	    			<div class="clist-title">
	    				<ul class="clist-title-left">
		    				<li>
		    					<a href="" class="authorList" >
		    						<img src="img/banner.png" alt="" />
		    					</a>	
		    				</li>
		    				<li>芝士</li>
		    				<li>图集</li>
	    				</ul>
	    				<li>一分钟前</li>
	    			</div>
	    		   <!--主题图片-->
	    		   <a href="javascript:void(0)" class="clist-imgBox" style="display: block;">
	    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
	    		   </a>
	    		   <div class="imgtitle">酉游记—最终版</div>
	    		   <!--底部分享等列表-->
	    		   <ul class="clist-operation">
	    		   	<li>
	    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   </ul>
	    		</div>
	    	</main>
	    </div>
	                                    <div class="content">
									    	<main>
									    		<div class="lists">	
									    			<div class="clist-title">
									    				<ul class="clist-title-left">
										    				<li>
										    					<a href="" class="authorList" >
										    						<img src="img/banner.png" alt="" />
										    					</a>	
										    				</li>
										    				<li>芝士</li>
										    				<li>图集</li>
									    				</ul>
									    				<li>一分钟前</li>
									    			</div>
									    		   <!--主题图片-->
									    		   <a href="javascript:void(0)" class="clist-imgBox" style="display: block;">
									    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
									    		   </a>
									    		   <div class="imgtitle">酉游记—最终版</div>
									    		   <!--底部分享等列表-->
									    		   <ul class="clist-operation">
									    		   	<li>
									    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   	<li>
									    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
									    		   	   <span>69</span>
									    		   	</li>
									    		   </ul>
									    		</div>
									    	</main>
									    </div>
                                   </section>
								<!--图集结束-->
							</div>
						</div>

					</div>
					<!--文章-->
					<div id="item5mobile" class="mui-slider-item mui-control-content">
						<div id="scroll5" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								   <!--文章开始-->
								   <section class="article-content" style="padding-top:0.8rem;">
											    	<div class="articleListBox" style="background: #fff;">
											    	    <main>
											    	    	<ul class="articleList">
												    	   	   <li>
												    	   	   	  <div class="articleList-title">
												    	   	   	  	<a href="">如何成为一个优秀的插画师</a>
												    	   	   	  	<div class="articleList-clssify">文章</div>
												    	   	   	  </div>
												    	   	   	  <div class="articleList-author">
												    	   	   	  	<span>By</span>
												    	   	   	  	<span>我好像生病了</span>
												    	   	   	  </div>
												    	   	   	  <div class="articleList-info">
												    	   	   	  	  <a href="" style="display: inline-block;" >
												    	   	   	  	  	毕业到现在一直做各种设计，由于工作的设计内容比较散，所以每次设计的时候经常会拿到设...
												    	   	   	  	  </a>
												    	   	   	  </div>
												    	   	   </li>
												    	   	   <li class="articleList-img">
												    	   	   	  <a href="" style="display: block;"><img src="img/aimg.png" alt="" /></a>
												    	   	   </li>
											    	   	   </ul>
															<!--底部分享等列表-->
												    		   <ul class="clist-operation">
												    		   	<li>
												    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   </ul>
											    		   </main>
											    	   </div>
											    	   <div class="articleListBox" style="background: #fff;">
											    	    <main>
											    	    	<ul class="articleList">
												    	   	   <li>
												    	   	   	  <div class="articleList-title">
												    	   	   	  	<a href="">如何成为一个优秀的插画师</a>
												    	   	   	  	<div class="articleList-clssify">文章</div>
												    	   	   	  </div>
												    	   	   	  <div class="articleList-author">
												    	   	   	  	<span>By</span>
												    	   	   	  	<span>我好像生病了</span>
												    	   	   	  </div>
												    	   	   	  <div class="articleList-info">
												    	   	   	  	  <a href="" style="display: inline-block;" >
												    	   	   	  	  	毕业到现在一直做各种设计，由于工作的设计内容比较散，所以每次设计的时候经常会拿到设...
												    	   	   	  	  </a>
												    	   	   	  </div>
												    	   	   </li>
												    	   	   <li class="articleList-img">
												    	   	   	  <a href="" style="display: block;"><img src="img/aimg.png" alt="" /></a>
												    	   	   </li>
											    	   	   </ul>
											    	   															<!--底部分享等列表-->
												    		   <ul class="clist-operation">
												    		   	<li>
												    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   </ul>
											    		   </main>
											    	   </div>
											    	   <div class="articleListBox" style="background:#fff;">
											    	    <main>
											    	    	<ul class="articleList">
												    	   	   <li>
												    	   	   	  <div class="articleList-title">
												    	   	   	  	<a href="">如何成为一个优秀的插画师</a>
												    	   	   	  	<div class="articleList-clssify">文章</div>
												    	   	   	  </div>
												    	   	   	  <div class="articleList-author">
												    	   	   	  	<span>By</span>
												    	   	   	  	<span>我好像生病了</span>
												    	   	   	  </div>
												    	   	   	  <div class="articleList-info">
												    	   	   	  	  <a href="" style="display: inline-block;" >
												    	   	   	  	  	毕业到现在一直做各种设计，由于工作的设计内容比较散，所以每次设计的时候经常会拿到设...
												    	   	   	  	  </a>
												    	   	   	  </div>
												    	   	   </li>
												    	   	   <li class="articleList-img">
												    	   	   	  <a href="" style="display: block;"><img src="img/aimg.png" alt="" /></a>
												    	   	   </li>
											    	   	   </ul>
											    	   	   <!--底部分享等列表-->
												    		   <ul class="clist-operation">
												    		   	<li>
												    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   </ul>
											    		   </main>
											    	   </div>
											    	   <div class="articleListBox" style="background: #fff;">
											    	    <main>
											    	    	<ul class="articleList">
												    	   	   <li>
												    	   	   	  <div class="articleList-title">
												    	   	   	  	<a href="">如何成为一个优秀的插画师</a>
												    	   	   	  	<div class="articleList-clssify">文章</div>
												    	   	   	  </div>
												    	   	   	  <div class="articleList-author">
												    	   	   	  	<span>By</span>
												    	   	   	  	<span>我好像生病了</span>
												    	   	   	  </div>
												    	   	   	  <div class="articleList-info">
												    	   	   	  	  <a href="" style="display: inline-block;" >
												    	   	   	  	  	毕业到现在一直做各种设计，由于工作的设计内容比较散，所以每次设计的时候经常会拿到设...
												    	   	   	  	  </a>
												    	   	   	  </div>
												    	   	   </li>
												    	   	   <li class="articleList-img">
												    	   	   	  <a href="" style="display: block;"><img src="img/aimg.png" alt="" /></a>
												    	   	   </li>
											    	   	   </ul>
											    	   	   <!--底部分享等列表-->
											    		   															<!--底部分享等列表-->
												    		   <ul class="clist-operation">
												    		   	<li>
												    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   	<li>
												    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
												    		   	   <span>69</span>
												    		   	</li>
												    		   </ul>
											    		   </main>
											    	   </div>
									 </section>
								   <!--文章结束-->
							</div>
						</div>

					</div>
					<!--礼赞-->
					<div id="item6mobile" class="mui-slider-item mui-control-content">
						<div id="scroll6" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								 <!--礼赞开始-->
							 <section class="praise-content" style="padding-top:0.8rem;">
						    		<div class="praise-title" style="background: #fff;">
						    		  <main>
						    			<p>礼赞排行</p>
						    			<div class="praise-order">
							    			<p class="praise-order-active">日榜</p>
							    			<p>月榜</p>
						    			</div>
						    			</main>
						    		</div>
						    		<div class="lists" style="background: #fff;">	
						    		  <main>
						    			<div class="clist-title">
						    				<ul class="clist-title-left">
							    				<li>
							    					<a href="" class="authorList" style="display:flex; ">
							    						<img src="img/banner.png" alt="" />
							    					</a>	
							    				</li>
							    				<li>芝士</li>
						    				</ul>
						    				<li>一分钟前</li>
						    			</div>
						    		   <!--主题图片-->
						    		   <a href="" class="clist-imgBox" style="display: flex;">
						    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
						    		   </a>
						    		   <div class="imgtitle">酉游记—最终版</div>
						    		 <!--底部分享等列表-->
							    		   <ul class="clist-operation">
							    		   	<li>
							    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
							    		   	   <span>69</span>
							    		   	</li>
							    		   	<li>
							    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
							    		   	   <span>69</span>
							    		   	</li>
							    		   	<li>
							    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
							    		   	   <span>69</span>
							    		   	</li>
							    		   	<li>
							    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
							    		   	   <span>69</span>
							    		   	</li>
							    		   </ul>
						    		   </main>
						    		</div>
						       		 <div class="lists" style="background: #fff;">	
				    		  <main>
				    			<div class="clist-title">
				    				<ul class="clist-title-left">
					    				<li>
					    					<a href="" class="authorList" style="display:flex; ">
					    						<img src="img/banner.png" alt="" />
					    					</a>	
					    				</li>
					    				<li>芝士</li>
				    				</ul>
				    				<li>一分钟前</li>
				    			</div>
				    		   <!--主题图片-->
				    		   <a href="" class="clist-imgBox" style="display: flex;">
				    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
				    		   </a>
				    		   <div class="imgtitle">酉游记—最终版</div>
				    		 <!--底部分享等列表-->
					    		   <ul class="clist-operation">
					    		   	<li>
					    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""  style="width:0.34rem;height:0.34rem"/>
					    		   	   <span>69</span>
					    		   	</li>
					    		   	<li>
					    		   	   <img src="img/icon_soucang@2x.png" alt="" style="width:0.28rem;height:0.28rem"/>
					    		   	   <span>69</span>
					    		   	</li>
					    		   	<li>
					    		   	   <img src="img/icon_comment@2x.png" alt="" style="width:0.32rem;height:0.30rem"/>
					    		   	   <span>69</span>
					    		   	</li>
					    		   	<li>
					    		   	   <img src="img/icon_zan@2x.png" alt="" style="width:0.32rem;height:0.28rem"/>
					    		   	   <span>69</span>
					    		   	</li>
					    		   </ul>
				    		   </main>
				    		</div>
				            </section>
								 <!--礼赞开始-->
							</div>
						</div>
					</div>
						<!--用户-->
					<div id="item7mobile" class="mui-slider-item mui-control-content">
						<div id="scroll7" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<!--用户显示开始-->
								<section class="userBox">
								    		<!--标题-->
								    		<div class="usertitle">热门用户</div>
								    		<div class="userlist">
								    			<!--作者列表-->
								    			<ul class="authorBox">
								    				<a href="javascript:void(0)" class="authorList">
								    					<img src="img/aimg.png" alt="" />
								    				</a>
								    				<!--用户名等-->
													<div class="authorname">
														<div style="display: flex;"><a href="">还是一碗泡面</a></div>
														<div style="display: flex;">
															<p class="author-font">作品</p>
															<p class="author-num">12</p>
															<p style="width:0.02rem;height:0.2rem;background: #CCCCCC;"></p>
															<p class="author-font">粉丝</p>
															<p class="author-num">110</p>
														</div>
													</div>
													<div class="guanzhu">关注</div>
								    			</ul>
								    			<!--文章列表-->
								                <ul class="articleList">
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    			</ul>
								    		</div>
								    		<div class="userlist">
								    			<!--作者列表-->
								    			<ul class="authorBox">
								    				<a href="javascript:void(0)" class="authorList">
								    					<img src="img/aimg.png" alt="" />
								    				</a>
								    				<!--用户名等-->
													<div class="authorname">
														<div style="display: flex;"><a href="">还是一碗泡面</a></div>
														<div style="display: flex;">
															<p class="author-font">作品</p>
															<p class="author-num">12</p>
															<p style="width:0.02rem;height:0.2rem;background: #CCCCCC;"></p>
															<p class="author-font">粉丝</p>
															<p class="author-num">110</p>
														</div>
													</div>
													<div class="guanzhu">关注</div>
								    			</ul>
								    			<!--文章列表-->
								                <ul class="articleList">
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    			</ul>
								    		</div>
								            <div class="userlist">
								    			<!--作者列表-->
								    			<ul class="authorBox">
								    				<a href="javascript:void(0)" class="authorList">
								    					<img src="img/aimg.png" alt="" />
								    				</a>
								    				<!--用户名等-->
													<div class="authorname">
														<div style="display: flex;"><a href="">还是一碗泡面</a></div>
														<div style="display: flex;">
															<p class="author-font">作品</p>
															<p class="author-num">12</p>
															<p style="width:0.02rem;height:0.2rem;background: #CCCCCC;"></p>
															<p class="author-font">粉丝</p>
															<p class="author-num">110</p>
														</div>
													</div>
													<div class="guanzhu">关注</div>
								    			</ul>
								    			<!--文章列表-->
								                <ul class="articleList">
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    				<li>
								    					<a href="" style="display:block;">
								    						<img src="img/aricle1.png" alt="" />
								    					</a>
								    				</li>
								    			</ul>
								    		</div>
								</section>  

								<!--用户显示结束-->
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<script src="js/mui.js"></script>
		<script src="js/mui.pullToRefresh.js"></script>
		<script src="js/mui.pullToRefresh.material.js"></script>
		<script>mui.init();</script>
		<script src="ajax/main.js"></script>
	</body>

</html>